# Toggles

Toggle is basically a more fancy styled `input[type="checkbox"]` element (it literally has checkbox under the hood).
For that reason Toggles inherit all props usually associated with classic checkboxes.

## Usage

There's no actual configuration for this component but keep in mind:

> **Toggles (as all form elements) in general should be used wrapped with actual `<label>s` providing all the necessary context and purpose for a given form element.**

So the `<label>` element used in Storybook is just exemplary.

## Design

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="100%" height="450" src="https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FgHpwugeu9jFGW4d9u3ReuR%2FCrayons---NEW%3Fnode-id%3D508%253A564" allowfullscreen></iframe>

